<%--
    Document   : drag
    Created on : 04/03/2009, 03:20:55 AM
    Author     : Christian
--%>

<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/libs/yui/fonts/fonts-min.css" />
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/libs/yui/dragdrop/dragdrop-min.js"></script>

<script type="text/javascript" src="${pageContext.servletContext.contextPath}/scripts/consultaReporte.js"></script>
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/scripts/dragdrop.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/css/dragdrop.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/css/consulta.css" />

<div class="formulario">
<div id="content">
    <form action="?operacion=consultar" method="post">
        
        <div id="rango">
            <table>
                <tr>
                    <td>Desde:</td>
                    <td><input type="text" name="desde" id="desde"></td>
                </tr>
                <tr>
                    <td>Hasta:</td>
                    <td><input type="text" name="hasta" id="hasta"></td>
                </tr>
            </table>
        </div>
        
         <div id="ciudades_agregadas">
             <div class="workarea" id="ciuagre">
              <h3>Ciudades Agregadas</h3>
              <ul id="ul4" class="draglist" value="ciudad">
                  <c:forEach items="${ciudadesSeleccionadas}" var="ciu" varStatus="vs">
                       <li class="list1" id="li1_${vs.index+1}" value="${ciu.idCiudad}">${ciu.nombre}</li>
                  </c:forEach>
              </ul>
            </div>
         </div>
         <div id="marcas_agregadas" style="display:none">
             <div class="workarea" id="maragre">
              <h3>Marcas Agregadas</h3>
              <ul id="ul5" class="draglist">
                <c:forEach items="${marcasSeleccionadas}" var="mar" varStatus="vs">
                       <li class="list2" id="li2_${vs.index+1}" value="${mar}">${mar}</li>
                 </c:forEach>
              </ul>
            </div>
         </div>
         <div id="delitos_agregados">
             <div class="workarea" deliagre>
              <h3>Delitos Agregados</h3>
              <ul id="ul6" class="draglist" value="prueba">
                <c:forEach items="${delitosSeleccionados}" var="del" varStatus="vs">
                       <li class="list3" id="li3_${vs.index+1}" value="${del.idDelito}">${del.nombre}</li>
                  </c:forEach>
              </ul>
            </div>
         </div>
        <div id="ciudades">
             <div class="workarea" id="ciu">
                  <h3>Ciudades</h3>
                  <ul id="ul1" class="draglist">
                      <c:forEach items="${ciudades}" var="ciu" varStatus="vs">
                       <li class="list1" id="li1_${vs.index+1}" value="${ciu.idCiudad}">${ciu.nombre}</li>
                  </c:forEach>
                  </ul>
             </div>
        </div>
        <div id="marcas" style="display:none">
            <div class="workarea" id="mar">
              <h3>Marcas</h3>
              <ul id="ul2" class="draglist" id="marca">
                <c:forEach items="${marcas}" var="mar" varStatus="vs">
                       <li class="list2" id="li2_${vs.index+1}" value="${mar}">${mar}</li>
                 </c:forEach>
              </ul>
            </div>
        </div>
        <div id="delitos">
            <div class="workarea" id="deli">
              <h3>Delitos</h3>
              <ul id="ul3" class="draglist">
                 <c:forEach items="${delitos}" var="del" varStatus="vs">
                       <li class="list3" id="li3_${vs.index+1}" value="${del.idDelito}">${del.nombre}</li>
                  </c:forEach>
              </ul>
            </div>
        </div>
        
      
   <input type="submit" value="consultar" />
   </form>
</div>
</div>